﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ArticlesCategory.aspx.cs" Inherits="ArticlesCategory" %>

<%@ Register src="UserControls/Header.ascx" tagname="Header" tagprefix="uc1" %>

<%@ Register src="UserControls/MainNav.ascx" tagname="MainNav" tagprefix="uc2" %>

<%@ Register src="UserControls/SlideOto.ascx" tagname="SlideOto" tagprefix="uc3" %>

<%@ Register src="UserControls/LeftBar.ascx" tagname="LeftBar" tagprefix="uc4" %>

<%@ Register src="UserControls/RightBar.ascx" tagname="RightBar" tagprefix="uc5" %>

<%@ Register src="UserControls/Footer.ascx" tagname="Footer" tagprefix="uc6" %>

<%@ Register src="UserControls/Category.ascx" tagname="Category" tagprefix="uc7" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>Trang chủ</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" href="/Styles/style.css" type="text/css" media="screen" charset="utf-8"/>
    <link rel="stylesheet" href="/Styles/nivo-slider.css" type="text/css" />
    <link rel="stylesheet" href="/Styles/nivo-style.css" type="text/css" />
	
    
    <script type="text/javascript" charset="utf-8" src="/Scripts/dropdown.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.nivo.slider.pack.js"></script>
	<script type="text/javascript" src="/Scripts/jquery.jcarousel.min.js"></script>
	<script language="javascript" type="text/javascript" src="/Scripts/jquery.easing.js"></script>
	<!-- Gallery Viewer -->

    <link href="/Styles/jquery.galleryview-3.0-dev.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    <script src="/Scripts/jquery.timers-1.2.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.galleryview-3.0-dev.js" type="text/javascript"></script>
    <!-- End Gallery Viewer -->
	
	<script type="text/javascript" language="javascript" src="/Scripts/jquery.carouFredSel-2.1.3.js"></script>
    
    <script type="text/javascript">
            $(window).load(function() {
				$('ul#basic_config').carouFredSel({
					items               : 4,
					direction           : "left",
					scroll : {
						items           : 2,
						effect          : "easeOutBounce",
						duration        : 600,                        
						pauseOnHover    : true
					}                  
				});
				
                $('.nivoSlider').nivoSlider({
                    effect: 'random',
                    slices:8,
                    animSpeed:1900, 
                    pauseTime:3000,
                    startSlide:0, 
                    directionNav:true, 
                });
				
				
            });

             $(document).ready(function () {
              $(".now").click(function () {
                //var isEnbles = $('.now').text();
                var isEnbles = document.getElementsByClassName('now');
                $('#loading').html("<p>Vui lòng chờ <img src='/Images/loading.gif'/></p>").fadeIn('fast');
                alert(isEnbles);
                $.ajax({
                    type: "POST",
                    url: "/ArticlesCategory.aspx/LoadControl",
                    data: "{ type:"  + isEnbles + "}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        //alert("thanhcong");
                        //alert(JSON.stringify(msg));
                        $('#loading').fadeOut('fast');
                        $("#loadchird").html(msg.d);
                    },
                    error: function (e, i) {
                    alert(JSON.stringify(msg));
                    }
                });

            })

        });
			$(function(){
				$('#myGallery').galleryView();
			});
     </script>
</head>
<body>
    <form id="form1" runat="server">
<div id="contener">
    <div id="wrapper">
        <div id="header">
            
            <uc1:Header ID="Header1" runat="server" />
            
        </div><!--End #header-->
		<div id="border">
			<div id="content">
				<div id="mainNav">
					
				    <uc2:MainNav ID="MainNav1" runat="server" />
					
				</div><!--End #mainNav-->
				<div class="itemContent">
					<div class="gallery">
						
					    <uc3:SlideOto ID="SlideOto1" runat="server" />
						
					</div><!--End .gallery-->
				</div><!--End .itemContent-->
				<div class="clear"></div>
				<div id="noidung">
					<div id="primary-left">
						<div id="tuvan">
							<div id="loading" style="width: 220px; margin: 0px auto;">
                            </div>

                            <div id="loadchird" class="jcarousel jcarousel-skin-tango">
                               <uc7:Category ID="Category1" runat="server" />
                            </div>
						    
							
						</div><!--End #tuvan-->
						<div id="right">
							
							
						    <uc4:LeftBar ID="LeftBar1" runat="server" />
							
							
						</div><!--End #right-->
					</div><!--End #primary-->
					
					<div id="primary-right">
						
					    <uc5:RightBar ID="RightBar1" runat="server" />
						
					</div><!--End #primary-right-->
				</div>
			</div><!--End #content-->
		</div><!--End #border-->
        <div class="clear"></div>
        <div id="footer">
			
            <uc6:Footer ID="Footer1" runat="server" />
			
        </div><!--End #footer-->
    </div><!--End #wrapper-->

</div>
    </form>
</body>
</html>